import { App as AntdApp, ConfigProvider } from "antd";
import { Content } from "antd/es/layout/layout";
import React from "react";
import "simplebar-react/dist/simplebar.min.css";
import Footer from "../footer/Footer";
import Headers from "../header/index";
// import "./MobileLayout.css"; // 自定义样式
import { StyleProvider } from "@ant-design/cssinjs";

const MobileLayout: React.FC<{ children: React.ReactNode }> = ({
  children,
}) => {
  return (
    <ConfigProvider>
      <StyleProvider hashPriority="high">
        <AntdApp>
          <div className="mobile-layout">
            <Headers />
            <Content>{children}</Content>
            <Footer />
          </div>
        </AntdApp>
      </StyleProvider>
    </ConfigProvider>
  );
};

export default MobileLayout;
